@charset "utf-8";
/* 此文件作为总入口，引入所有less文件，之后会编译为all.css */
/*CSS Document*/
/*init BEGIN*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
  outline: none;
}
/*清除内外边距*/
/*a:focus{-moz-outline-style:none;}!*IE不支持*!*/
a:focus {
  outline: none;
}
/*很多网站都会加的属性*/
body,
button,
input,
select,
textarea {
  /*for ie*/
  /*font:12px/1 Tahoma,Helvetica,Arial,"宋体",sans-serif;*/
  font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  /*用 ascii 字符表示，使得在任何编码下都无问题*/
}
/*设置默认字体*/
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
/*将斜体扶正*/
code,
kbd,
pre,
samp,
tt {
  font-family: "Courier New", Courier, monospace;
}
/*统一等宽字体*/
small {
  font-size: 12px;
}
/*小于 12px 的中文很难阅读，让 small 正常化*/
ul,
ol {
  list-style: none;
}
/*重置列表元素*/
a {
  text-decoration: none;
}
/*重置文本格式元素*/
abbr[title],
acronym[title] {
  /*注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果*/
  border-bottom: 1px dotted;
  cursor: help;
}
q:before,
q:after {
  content: '';
}
/*重置表单元素*/
legend {
  color: #000;
}
/*for ie6*/
fieldset,
img {
  border: none;
}
/*img 搭车：让链接里的 img 无边框*/
/*注：optgroup 无法扶正*/
button,
input,
select,
textarea {
  font-size: 100%;
  /*使得表单元素在 ie 下能继承字体大小*/
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*重置表格元素*/
hr {
  border: none;
  height: 1px;
}
/*重置 hr*/
img {
  max-width: 100%;
  vertical-align: middle;
}
i {
  font-style: normal;
}
/*让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
input {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
/*重置input标签属性*/
textarea {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
/*重置textarea标签属性*/
/*init END*/
/*此文件放置共用函数、变量等*/
/* 字体设置 */
/* 定位属性 */
/* 遮罩层定位 */
/* 截字符 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
/* 公用类 */
body {
  font-size: 12px;
  color: #333;
  line-height: 1.8;
  font-family: "微软雅黑";
  overflow-x: hidden;
}
/* 清楚浮动 */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
input {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
textarea {
  background: none;
  font-family: 微软雅黑;
  border: none;
}
a[transition] {
  -webkit-transition: .4s 0s;
  -o-transition: .4s 0s;
  -moz-transition: .4s 0s;
  transition: .4s 0s;
}
.wrap {
  max-width: 1200px;
  margin: 0 auto;
}
svg {
  vertical-align: middle;
}
.mCSB_1_scrollbar {
  z-index: 100;
}
.mCSB_scrollTools {
  margin: 0 !important;
  width: 4px !important;
}
@media screen and (max-width: 1200px) {
  .wrap {
    width: 100%;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.wow {
  visibility: hidden;
}
.scroll--view {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
*:focus {
  outline: none;
}
.list--container {
  padding: 0 0 40px 0;
}
.list--content {
  padding: 0 0 40px 0;
  max-width: 1200px;
  margin: 0 auto;
  zoom: 1;
}
.list--content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.editor--content {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
}
.float-right {
  float: right;
}
.fp-responsive .fp-section.fp-table {
  display: block;
  padding: 30px 0;
  height: auto !important;
}
.fp-responsive .fp-section.fp-table.page1 {
  padding-top: 0;
}
.fp-responsive .fp-section.fp-table.page7 {
  padding-bottom: 0;
}
.fp-responsive .fp-tableCell {
  height: auto !important;
  display: block;
}
.fp-responsive .wrapper {
  height: auto;
}
@media screen and (max-width: 700px) {
  .float-right {
    float: none;
  }
}
@media screen and (max-width: 450px) {
  .fp-responsive .fp-section.fp-table {
    padding: 15px 0;
  }
}
.footer1 {
  padding: 60px 15px;
  background: #ffb017 url(../images/footer00.png) no-repeat center -1px;
}
.footer1 > div {
  zoom: 1;
  max-width: 1200px;
  margin: 0 auto;
}
.footer1 > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.footer1 .qr {
  float: right;
  margin: 0 0 0 20px;
}
.footer1 .qr .cell {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.footer1 .qr .cell img {
  display: block;
}
.footer1 .qr .cell em {
  display: block;
  margin: 5px 0 0 0;
  text-align: center;
  color: #fff;
  line-height: 26px;
  background: #f3a40c;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.footer1 .contact {
  overflow: hidden;
  line-height: 1.6;
  zoom: 1;
}
.footer1 .contact:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.footer1 .contact .l {
  float: left;
  margin: 0 35px 0 0;
}
.footer1 .contact .r {
  overflow: hidden;
  margin: 55px 0 0 0;
}
.footer2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px;
  font-size: 14px;
  color: #999;
  line-height: 28px;
  text-align: center;
}
.footer2 a {
  color: #999;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.footer2 a:hover {
  color: #ffb017;
}
.inri_info_all {
  width: 54px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px #ddd;
     -moz-box-shadow: 0 0 10px #ddd;
          box-shadow: 0 0 10px #ddd;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 10px;
  padding: 0 10px;
  z-index: 20;
}
.info_all {
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
.info_all span {
  font-size: 12px;
  color: #666;
}
.info_all.to_top {
  padding: 10px 0;
}
.info_all.zxkf {
  border: none;
}
.info_all.sjck,
.info_all.zxkf {
  padding: 15px 0;
}
.info_all span.to_top1 {
  width: 23px;
  height: 30px;
  display: inline-block;
  background: url(../images/info.png) 0 0 no-repeat;
}
.info_all span.sjck1 {
  width: 23px;
  height: 30px;
  display: inline-block;
  background: url(../images/info.png) 0 -32px no-repeat;
}
.info_all span.zxkf1 {
  width: 23px;
  height: 28px;
  display: inline-block;
  background: url(../images/info.png) 0 -68px no-repeat;
}
.info_all_ii {
  width: 355px;
  height: 317px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px #ddd;
     -moz-box-shadow: 0 0 10px #ddd;
          box-shadow: 0 0 10px #ddd;
  position: absolute;
  left: -395px;
  top: -107px;
  display: none;
  text-align: center;
}
.info_all_ii p {
  width: 90%;
  margin: 30px auto;
}
.info_all_ii img {
  width: 205px;
}
.xf_arrow {
  position: absolute;
  z-index: 1;
  left: -45px;
  top: 5px;
  display: none;
}
.info_all:hover .info_all_ii {
  display: block;
}
.info_all:hover .xf_arrow {
  display: block;
}
.hidepc .inri_info_all {
  display: none;
}
@media screen and (max-width: 1200px) {
  .index_right_info {
    display: none;
  }
}
@media screen and (max-width: 800px) {
    .footer1 {
        display: none;
    }
    .footer1 > div .qr {
        padding: 0 0 10px 0;
        float: none;
        text-align: center;
        margin: 0;
    }
  .footer1 > div .contact .l {
    float: none;
  }
  .footer1 > div .contact .r {
    float: none;
    margin-top: 0;
  }
    .footer2 > div,
    .cnzz {
        display: none;
    }
}
.index_banner .owl-carousel .item {
  height: 605px;
  background: no-repeat center;
}
.index_banner .owl-carousel .item img {
  display: none;
}
.index_banner .owl-carousel .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.index_banner .owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  visibility: middle;
  margin: 0 5px;
}
.index_banner .owl-carousel .owl-dots .owl-dot span {
  display: block;
  margin: 0;
  background: #fff;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index_banner .owl-carousel .owl-dots .owl-dot.active span,
.index_banner .owl-carousel .owl-dots .owl-dot:hover span {
  width: 24px;
  background: #ffb017;
}
.index--product {
  padding: 50px 15px;
  background: url(../images/index00.png) no-repeat center top;
}
.index--product .head h2 {
  text-align: center;
}
.index--product .head h2 a {
  font-size: 18px;
  color: #1d2222;
  line-height: 24px;
  font-weight: normal;
}
.index--product .head .subtitle {
  text-align: center;
}
.index--product .head .subtitle span {
  position: relative;
  padding: 0 60px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #1d2222;
  line-height: 30px;
  font-weight: bold;
}
.index--product .head .subtitle span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 42px;
  height: 2px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.index--product .head .category {
  padding: 15px 0;
  text-align: center;
}
.index--product .head .category h2 {
  position: relative;
  display: inline-block;
  vertical-align: center;
  padding: 0 26px 0 17px;
}
.index--product .head .category h2:after {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 30px;
  font-size: 14px;
  content: '/';
  color: #999;
}
.index--product .head .category h2:nth-last-child(1):after {
  display: none;
}
.index--product .head .category h2 a {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--product .head .category h2 a:hover {
  color: #ffb017;
}
.index--product .body {
  max-width: 1200px;
  margin: 0 auto;
}
.index--product .owl-dots .owl-dot span {
  background: #b1b1b1 !important;
}
.index--product .owl-dots .owl-dot.active span {
  background: #ffb017 !important;
}
.product--list {
  zoom: 1;
}
.product--list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.product--list .cell {
  position: relative;
  margin: 40px 0 0 0;
  float: left;
  width: 33.33%;
}
.product--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.product--list .cell .img {
  position: relative;
  display: block;
  overflow: hidden;
  width:100%;
  padding-bottom:75%;
}
.product--list .cell .img img{
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
}
.product--list .cell .img .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-transform: translate(0, 100%);
     -moz-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
       -o-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.product--list .cell .img > img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--list .cell .title {
  position: relative;
}
.product--list .cell .title:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 1px;
  width: 0;
  content: '';
  background: #ffb017;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--list .cell .title h3 a {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 64px;
  text-align: center;
  font-weight: normal;
}
.pc .product--list .cell:hover .img .desc {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .product--list .cell:hover .img > img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.pc .product--list .cell:hover .title:after {
  width: 100%;
}
.index--about {
  margin: 0 0 80px 0;
  height: 484px;
  padding: 0 15px;
  background: url(../images/index09.png) no-repeat center;
}
@media screen and (max-width: 1200px) {
    .index--about {
        height: auto;
        margin-bottom: 30px;
    }
}
.index--about > div {
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.index--about > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index--about > div .content {
  float: right;
  margin: 90px 0 0 0;
  max-width: 760px;
  height: 315px;
  padding: 0 125px 0 165px;
  background: #fffdee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.index--about .head {
  padding: 35px 0 10px 0;
  display: inline-block;
  vertical-align: middle;
}
.index--about .head h2 {
  text-align: center;
}
.index--about .head h2 a {
  font-size: 18px;
  color: #1d2222;
  line-height: 24px;
  font-weight: normal;
}
.index--about .head .subtitle {
  text-align: center;
}
.index--about .head .subtitle span {
  position: relative;
  padding: 0 60px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #1d2222;
  line-height: 30px;
  font-weight: bold;
}
.index--about .head .subtitle span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 42px;
  height: 2px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.index--about .body {
  height: 120px;
  overflow: hidden;
  font-size: 14px;
  color: #b0916a;
  line-height: 30px;
}
.index--about .btn {
  padding: 10px 0 0 0;
}
.index--about .btn a {
    position: relative;
    margin: 10px 0 0 0;
    padding: 0 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #b0916a;
    line-height: 30px;
    transition: all .3s 0s;
}
.index--about .btn a:after,
.index--about .btn a:before {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 18px;
  content: '';
  background: #b0916a;
  transition: all .3s 0s;
}
.index--about .btn a:before {
  left: 0;
}
.index--about .btn a:after {
  right: 0;
}
.index--about .btn a:hover {
    color: #ffb017;
}
.index--about .btn a:hover:after,
.index--about .btn a:hover:before {
    background: #ffb017;
}
.index--news {
    padding: 50px 15px 85px;
    background: #fcfbf9 url(../images/index05.png) no-repeat center top;
}
.index--news > div {
  margin: 0 auto;
  max-width: 1200px;
}
.index--news > div .head h2 {
  text-align: center;
}
.index--news > div .head h2 a {
  font-size: 18px;
  color: #1d2222;
  line-height: 24px;
  font-weight: normal;
}
.index--news > div .head .subtitle {
  text-align: center;
}
.index--news > div .head .subtitle span {
  position: relative;
  padding: 0 60px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #1d2222;
  line-height: 30px;
  font-weight: bold;
}
.index--news > div .head .subtitle span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 42px;
  height: 2px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.index--news > div .body {
  padding: 100px 0 85px 0;
  zoom: 1;
}
.index--news > div .body:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index--news > div .body .l {
  float: left;
  width: 46%;
}
.index--news > div .body .l .cell {
  line-height: 58px;
  zoom: 1;
}
.index--news > div .body .l .cell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index--news > div .body .l .cell h3 {
  padding-left: 20px;
  background: url(../images/index06.png) no-repeat left center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news > div .body .l .cell h3 a {
  font-size: 14px;
  color: #585858;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news > div .body .l .cell h3:hover {
  background: url(../images/index07.png) no-repeat left center;
}
.index--news > div .body .l .cell h3:hover a {
  color: #ffb017;
}
.index--news > div .body .l .cell span {
  float: right;
  margin-left: 20px;
  font-size: 14px;
  color: #d1d1d1;
}
.index--news > div .body .l .cell span em {
  color: #939393;
}
.index--news > div .body .r {
  position: relative;
  float: right;
  width: 46%;
}
.index--news > div .body .r > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.index--news > div .body .r .img {
  position: relative;
  padding: 0 180px 0 0;
  overflow: hidden;
}
.index--news > div .body .r .img .c_jitt{
    width:100%;
    position:relative;
    padding-bottom:58.33%;
    overflow:hidden;
}
.index--news > div .body .r .img img {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: all 0.3s 0s;
    -o-transition: all 0.3s 0s;
    -moz-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
}
.index--news > div .body .r .img > div {
  position: absolute;
  width: 180px;
  height: 100%;
  top: 0;
  right: 0;
}
.index--news > div .body .r .img > div > div {
  position: absolute;
  width: 180px;
  height: 100%;
  top: 0;
  right: 0;
  display: table;
}
.index--news > div .body .r .img > div > div > div {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  background: #ffb017;
}
.index--news > div .body .r .img > div > div > div span {
  display: block;
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
  font-family: 'Times New Roman', Times, serif;
}
.index--news > div .body .r .img > div > div > div em {
  display: block;
  color: #fff0d4;
  font-size: 14px;
  line-height: 20px;
}
.index--news > div .body .r .img > div > div > div a {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0 25px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
.index--news > div .body .r .img > div > div > div a:after,
.index--news > div .body .r .img > div > div > div a:before {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 18px;
  content: '';
  background: #fff;
}
.index--news > div .body .r .img > div > div > div a:before {
  left: 0;
}
.index--news > div .body .r .img > div > div > div a:after {
  right: 0;
}
.index--news > div .body .r .text h3 {
  padding: 10px 0 5px 0;
  line-height: 30px;
}
.index--news > div .body .r .text h3 a {
  font-size: 20px;
  color: #585858;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--news > div .body .r .text div {
  font-size: 14px;
  color: #b3b3b3;
  line-height: 30px;
}
.index--news > div .body .r:hover .img > img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.index--news > div .body .r:hover .text h3 a {
  color: #ffb017;
}
.index--news > div .btn {
  display: block;
  text-align: center;
}
.index--news > div .btn a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px;
  text-align: center;
  line-height: 30px;
  color: #b0916a;
  font-size: 14px;
}
.index--news > div .btn a:after,
.index--news > div .btn a:before {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 18px;
  content: '';
  background: #b0916a;
}
.index--news > div .btn a:before {
  left: 0;
}
.index--news > div .btn a:after {
  right: 0;
}
.index--ad {
  padding: 80px 15px 0;
}
.index--ad > div {
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.index--ad > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index--ad .cell {
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
}
.index--ad .cell:nth-child(3n) {
  margin-right: 0;
}
.index--ad .cell a {
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  overflow: hidden;
  width:100%;
  position:relative;
  padding-bottom:61%;
}
.index--ad .cell a img {
  display: block;
  width: 100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--ad .cell a:hover {
  -webkit-box-shadow: 0 0 10px 0 #ddd;
     -moz-box-shadow: 0 0 10px 0 #ddd;
          box-shadow: 0 0 10px 0 #ddd;
}
.index--ad .cell a:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.index--partner {
  padding: 100px 0;
  margin: 0 auto;
  max-width: 1200px;
}
.index--partner .item {
  position: relative;
}
.index--partner .item:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background: #eaeaea;
}
.index--partner .item a {
  display: block;
  width:100%;
  padding-bottom:36.88%;
  overflow:hidden;
  position:relative;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--partner .item a img {
  display: block;
  width: 100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.index--partner .item a:hover {
  -webkit-box-shadow: 0 0 10px 0 #ddd;
     -moz-box-shadow: 0 0 10px 0 #ddd;
          box-shadow: 0 0 10px 0 #ddd;
}
.index--partner .item a:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 1200px) {
  .index_banner .owl-carousel .item {
    height: auto;
    background: none !important;
  }
  .index_banner .owl-carousel .item img {
    display: block;
  }
  .product--list .cell {
      margin-top: 0px;
    width: 50%;
  }
  .index--news > div .body .l {
    float: none;
    width: 100%;
  }
  .index--news > div .body .r {
    margin-top: 20px;
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .index--partner {
    padding: 40px 0;
  }
  .index--ad {
    padding-top: 30px;
  }
  .index--news {
    padding-bottom: 30px;
  }
  .index--news > div .body {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 700px) {
  .index--about > div .content {
    padding: 0 15px;
  }
}
@media screen and (max-width: 550px) {
  .index--news > div .body .l .cell {
    line-height: 42px;
  }
  .index--news > div .body .r .img {
    padding-right: 0;
  }
  .index--news > div .body .r {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  /*.product--list .cell {
      margin-top: 15px;
    width: 100%;
  }*/
}
@media screen and (max-width: 450px) {
  .index--ad .cell {
    width: 100%;
    margin: 10px 0;
  }
}
.header-pc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  background: #fff;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 18px;
  content: '';
  background: url(../images/header00.png) no-repeat center bottom;
}
.header-pc > div {
  max-width: 1200px;
  margin: 0 auto;
  height: 115px;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  zoom: 1;
}
.header-pc > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.header-pc > div .logo {
  float: left;
  margin: 25px 0 0 0;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .logo a {
  display: block;
}
.header-pc > div .logo a img {
  display: block;
}
.header-pc > div .tel {
  float: right;
  margin: 45px 0 0 0;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .tel span {
  display: block;
  padding: 0 0 0 30px;
  font-size: 18px;
  color: #ffb017;
  line-height: 30px;
  background: url(../images/icon00.png) no-repeat left center;
}
.header-pc > div .search--btn {
  float: right;
}
.header-pc > div .search--btn a {
  display: block;
  padding: 10px;
  margin: 42px 10px 0 0;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .search--btn a img {
  display: block;
}
.header-pc > div .search--btn a:hover {
  opacity: .4;
}
.header-pc > div .mo--nav {
  float: right;
  margin: 33px 0 0 0;
  display: none;
}
.header-pc > div .mo--nav a {
  display: block;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .mo--nav a img {
  display: block;
  width: 30px;
}
.header-pc > div .mo--nav a:hover {
  opacity: .4;
}
.header-pc > div .nav {
  float: right;
  margin: 40px 0 0 0;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .nav .cell {
  position: relative;
  float: left;
  margin: 0 10px;
}
.header-pc > div .nav .cell > a {
  display: block;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  color: #665457;
  line-height: 38px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .nav .cell:hover > a,
.header-pc > div .nav .cell.selected > a {
  color: #ffb017;
  border-bottom: 1px solid #ffb017;
}
.header-pc > div .nav .cell .second--nav {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100px;
  z-index: 100;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  visibility: hidden;
  opacity: 0;
}
.header-pc > div .nav .cell .second--nav a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  color: #666;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.header-pc > div .nav .cell .second--nav a:hover,
.header-pc > div .nav .cell .second--nav a.selected {
  color: #ffb017;
}
.header-pc > div .nav .cell:hover .second--nav {
  visibility: visible;
  opacity: 1;
  padding: 15px 10px;
}
.header--placeholder {
  height: 115px;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.navzoom .header-pc > div {
  height: 80px;
}
.navzoom .header-pc > div .logo {
  margin-top: 10px;
}
.navzoom .header-pc > div .tel {
  margin-top: 28px;
}
.navzoom .header-pc > div .search--btn a {
  margin-top: 26px;
}
.navzoom .header-pc > div .nav {
  margin-top: 24px;
}
.navzoom .header--placeholder {
  height: 80px;
}
.navzoom .search--pop .search--box {
  padding: 28px 0;
}
.nav--pop {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.nav--pop.animate {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.nav--pop.animate .nav--list > ul > li {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.nav--pop.animate .contact {
  opacity: 1;
}
.nav--pop.open {
  visibility: visible;
}
.nav--pop .nav--pop_scroll {
  height: 100%;
  padding: 0 20px;
}
.nav--pop .nav--pop_content {
  max-width: 400px;
  margin: 0 auto;
}
.nav--pop .action {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  width: 100%;
  height: 60px;
  background: #fff;
  text-align: right;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-box-shadow: 0 0 5px 0 #ddd;
     -moz-box-shadow: 0 0 5px 0 #ddd;
          box-shadow: 0 0 5px 0 #ddd;
}
.nav--pop .action a {
  margin: 15px 20px;
  display: inline-block;
  line-height: 30px;
  font-size: 20px;
  color: #1f2323;
}
.nav--pop .nav--list {
  padding: 70px 0 50px 0;
}
.nav--pop .nav--list > ul > li {
  border-bottom: 1px solid #eee;
  -webkit-transition: all .6s 0s;
  -o-transition: all .6s 0s;
  -moz-transition: all .6s 0s;
  transition: all .6s 0s;
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.nav--pop .nav--list > ul > li > a {
  position: relative;
  display: block;
  padding: 0 35px 0 15px;
  line-height: 60px;
  font-size: 16px;
  color: #222;
}
.nav--pop .nav--list > ul > li > a > span {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 10;
  font-size: 14px;
  color: #666;
  -webkit-transform: translate(0, -50%) rotate(-90deg);
     -moz-transform: translate(0, -50%) rotate(-90deg);
      -ms-transform: translate(0, -50%) rotate(-90deg);
       -o-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.nav--pop .nav--list > ul > li > a > span img {
  display: block;
  width: 20px;
}
.nav--pop .nav--list > ul > li.selected > a {
  color: #da251c;
}
.nav--pop .nav--list > ul > li.dropdown > a span {
  -webkit-transform: translate(0, -50%) rotate(0deg);
     -moz-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
       -o-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.nav--pop .nav--list > ul > li.dropdown.open > a span {
  -webkit-transform: translate(0, -50%) rotate(180deg);
     -moz-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
       -o-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}
.nav--pop .nav--list > ul > li.dropdown.open .mo-navdropdown {
  height: auto;
}
.nav--pop .nav--list > ul > li.dropdown.open .mo-navdropdown > div {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.nav--pop .contact {
  padding: 0 0 20px 0;
  opacity: 0;
  -webkit-transition: all .6s 0s;
  -o-transition: all .6s 0s;
  -moz-transition: all .6s 0s;
  transition: all .6s 0s;
}
.mo-navdropdown {
  height: 0;
  overflow: hidden;
}
.mo-navdropdown > div {
  padding: 0 0 20px 25px;
  -webkit-transform: translate(0, -100px);
     -moz-transform: translate(0, -100px);
      -ms-transform: translate(0, -100px);
       -o-transform: translate(0, -100px);
          transform: translate(0, -100px);
  opacity: 0;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.mo-navdropdown .cell.selected a {
  color: #da251c;
}
.mo-navdropdown .cell a {
  padding: 10px 0;
  display: block;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.search--pop {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  background: rgba(0, 0, 0, 0.4);
}
.search--pop.show {
  display: block;
}
.search--pop .search--box {
  padding: 46px 0;
  background: #fff;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.search--pop .search--box .input {
  position: relative;
  overflow: hidden;
  padding: 5px 0;
  width: 0%;
  float: right;
  -webkit-transition: all .3s .2s;
  -o-transition: all .3s .2s;
  -moz-transition: all .3s .2s;
  transition: all .3s .2s;
}
.search--pop .search--box .input:after,
.search--pop .search--box .input:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: '';
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.search--pop .search--box .input:before {
  width: 0;
  z-index: 10;
  background: #ffb017;
}
.search--pop .search--box .input input {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.search--pop .search--box .input.focus:before {
  width: 100%;
}
.search--pop .search--box .btn {
  float: right;
  padding: 5px 0;
  opacity: 0;
  -webkit-transition: all .3s .2s;
  -o-transition: all .3s .2s;
  -moz-transition: all .3s .2s;
  transition: all .3s .2s;
}
.search--pop .search--box .btn a {
  display: inline-block;
  line-height: 30px;
  width: 30px;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  color: #666;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.search--pop .search--box .btn a:hover {
  color: #000;
}
.search--pop.animate {
  opacity: 1;
}
.search--pop.animate .search--box .input {
  width: 30%;
}
.search--pop.animate .search--box .btn {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .search--pop .search--box {
    padding: 20px 0 !important;
  }
  .search--pop .search--box .input {
    float: none;
    width: auto;
    opacity: 0;
    -webkit-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    transition: all .3s 0s;
  }
  .search--pop .search--box .input:after {
    width: 0;
    -webkit-transition: all .3s .2s;
    -o-transition: all .3s .2s;
    -moz-transition: all .3s .2s;
    transition: all .3s .2s;
  }
  .search--pop.animate .search--box .input {
    opacity: 1;
    width: auto;
  }
  .search--pop.animate .search--box .input:after {
    width: 100%;
  }
  .nav--pop {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .header-pc > div {
    height: 60px !important;
  }
  .header-pc > div .logo {
    margin-left: 15px;
    margin-top: 10px;
  }
  .header-pc > div .logo a img {
    height: 40px;
  }
  .header-pc > div .nav {
    display: none;
  }
  .header-pc > div .tel {
    display: none;
  }
  .header-pc > div .mo--nav {
    display: block;
    margin: 22px 15px 0 0 !important;
  }
  .header-pc > div .search--btn a {
    margin-top: 15px !important;
  }
  .header--placeholder {
    height: 60px !important;
  }
}
.sub--banner {
  height: 380px;
  background: no-repeat center;
}
.sub--banner img {
  display: none;
  width: 100%;
}
.crumbs {
  padding: 0 15px;
  border-bottom: 1px solid #ebebeb;
}
.crumbs > div {
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.crumbs > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.crumbs > div > div {
  text-align: right;
  font-size: 14px;
  color: #959595;
  line-height: 70px;
}
.crumbs > div > div a {
  color: #959595;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.crumbs > div > div a:hover {
  color: #ffb017;
}
@media screen and (max-width: 1200px) {
  .sub--banner {
    height: auto;
    background: no-repeat center / 160% auto;
  }
  .sub--banner img {
    display: block;
  }
  .crumbs > div > div {
    line-height: 40px;
  }
}
.sub--head {
  padding: 30px 0 0 0;
  margin: 0 auto;
  max-width: 1200px;
}
.sub--head h2 {
  text-align: center;
}
.sub--head h2 a {
  font-size: 18px;
  color: #1d2222;
  line-height: 24px;
  font-weight: normal;
}
.sub--head .subtitle {
  text-align: center;
}
.sub--head .subtitle span {
  position: relative;
  padding: 0 60px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #1d2222;
  line-height: 30px;
  font-weight: bold;
}
.sub--head .subtitle span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 42px;
  height: 2px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.sub--head .category {
  padding: 15px 0;
  text-align: center;
  white-space: nowrap;
}
.sub--head .category h2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 26px 0 17px;
}
.sub--head .category h2:after {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 30px;
  font-size: 14px;
  content: '/';
  color: #999;
}
.sub--head .category h2:nth-last-child(1):after {
  display: none;
}
.sub--head .category h2 a {
  display: block;
  padding: 0 15px;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
.sub--head .category h2 a:hover,
.sub--head .category h2 a.selected {
  color: #fff;
  background: #ffb017;
}
.product--list {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 15px;
}
.about--content {
  min-height: 250px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 30px 15px 60px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 1.8;
}
.about--content .inlineblock {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
@media screen and (max-width: 900px) {
    .about--content .inlineblock {
        display: block;
        margin: 0 auto;
        text-align: left;
    }
}
.history--container {
    padding: 50px 15px;
}
.history--container .list {
  position: relative;
}
.history--container .list:after {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 1px;
  height: 100%;
  content: '';
  background: #e3e3e3;
}
.history--container .list .icon {
  position: relative;
  z-index: 10;
  text-align: center;
}
.history--container .list .cell {
  position: relative;
  z-index: 10;
  margin: 30px 0 0 0;
  zoom: 1;
}
.history--container .list .cell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell .content {
  position: relative;
  width: 50%;
  min-height: 190px;
}
.history--container .list .cell .content .year {
  position: absolute;
  top: 15px;
  width: 151px;
  height: 147px;
  line-height: 140px;
  text-align: center;
  font-size: 36px;
  color: #ffb017;
  background: url(../images/history00.jpg) no-repeat center;
}
.history--container .list .cell .content .ncell {
  zoom: 1;
  margin: 10px 0 0 0;
}
.history--container .list .cell .content .ncell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell .content strong {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #ffb017;
}
.history--container .list .cell .content span {
  position: relative;
  line-height: 28px;
  font-size: 18px;
  color: #0e0e0e;
}
.history--container .list .cell .content span:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  height: 2px;
  width: 7px;
  content: '';
  background: #808080;
}
.history--container .list .cell .content em {
  display: block;
  overflow: hidden;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 28px;
}
.history--container .list .cell:nth-of-type(odd) .content {
  float: right;
  text-align: left;
  zoom: 1;
}
.history--container .list .cell:nth-of-type(odd) .content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell:nth-of-type(odd) .content .year {
  left: -220px;
}
.history--container .list .cell:nth-of-type(odd) .content strong {
  float: left;
  margin: 8px 0 0 -6px;
}
.history--container .list .cell:nth-of-type(odd) .content span {
  float: left;
  padding: 0 20px;
}
.history--container .list .cell:nth-of-type(odd) .content span:after {
  right: 5px;
}
.history--container .list .cell:nth-of-type(even) .content {
  float: left;
  text-align: right;
  zoom: 1;
}
.history--container .list .cell:nth-of-type(even) .content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.history--container .list .cell:nth-of-type(even) .content .year {
  right: -220px;
}
.history--container .list .cell:nth-of-type(even) .content strong {
  float: right;
  margin: 8px -6px 0 0;
}
.history--container .list .cell:nth-of-type(even) .content span {
  float: right;
  padding: 0 20px;
}
.history--container .list .cell:nth-of-type(even) .content span:after {
  left: 5px;
}
.history--container .btn {
  padding: 50px 0;
  text-align: center;
}
.history--container .btn a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.history--container .btn a img {
  display: block;
}
.history--container .btn a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 700px) {
  .history--container {
    padding: 0 15px 30px;
  }
  .history--container .list .icon {
    display: none;
  }
  .history--container .list:after {
    display: none;
  }
  .history--container .list .cell .content {
    float: none;
    width: 100%;
    min-height: 0;
  }
  .history--container .list .cell .content .year {
    position: static;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    background: none;
    font-size: 24px;
    line-height: 40px;
    text-align: left;
  }
  .history--container .list .cell .content strong {
    float: left !important;
    margin: 8px 0 0 0 !important;
  }
  .history--container .list .cell .content span {
    float: left !important;
  }
  .history--container .list .cell .content span:after {
    left: initial !important;
    right: 5px !important;
  }
  .history--container .list .cell .content em {
    text-align: left !important;
  }
}
.team--list {
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  zoom: 1;
}
.team--list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.team--list .cell {
  position: relative;
  float: left;
  margin: 30px 2% 0 0;
  width: 32%;
}
.team--list .cell:nth-of-type(3n) {
  margin-right: 0;
}
.team--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.team--list .cell .img {
  position: relative;
  overflow: hidden;
  width:100%;
  padding-bottom:72.47%;
}
.team--list .cell .img img {
  display: block;
  width: 100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--list .cell .img .pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(../images/icon03.png) no-repeat center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-transform: translate(0, -100%);
     -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.team--list .cell .title {
  position: relative;
}
.team--list .cell .title:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 0;
  height: 1px;
  content: '';
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: #ffb017;
}
.team--list .cell .title h3 {
  text-align: center;
  line-height: 54px;
}
.team--list .cell .title h3 a {
  font-size: 14px;
  color: #585858;
  font-weight: normal;
}
.pc .team--list .cell:hover .img img,
.pc .team--recommend .cell:hover .img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.pc .team--list .cell:hover .img .pop,
.pc .team--recommend .cell:hover .img .pop {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .team--list .cell:hover .title:after,
.pc .team--recommend .cell:hover .title:after {
  width: 100%;
}
.team--detail {
  padding: 30px 15px 50px;
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.team--detail:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.team--detail .img {
  float: left;
  margin: 0 60px 20px 0;
}
.team--detail .img img {
  display: block;
}
.team--detail .main {
    overflow: hidden;
}
.team--detail .main .head {
    overflow: hidden;
    border-bottom: 1px dashed #e0e0e0;
}
.team--detail .main .head h1 {
  font-size: 24px;
  color: #6a6a6a;
  line-height: 34px;
  font-weight: normal;
}
.team--detail .main .head .subtitle {
  padding: 10px 0;
  font-size: 14px;
  color: #939393;
  line-height: 28px;
}
.team--detail .main .content {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
}
.prevnext {
  margin: 0 auto;
  max-width: 1200px;
  font-size: 0;
  border: 1px solid #f1f1f1;
}
.prevnext a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  line-height: 70px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #f1f1f1;
}
.prevnext a:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  height: 3px;
  content: '';
  background: #ffb017;
}
.prevnext a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #6a6a6a;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.prevnext a:nth-of-type(1) {
  text-align: left;
}
.prevnext a:nth-of-type(1) span {
  padding: 0 0 0 35px;
  background: url(../images/icon05.png) no-repeat left center;
}
.prevnext a:nth-of-type(2) {
  text-align: center;
}
.prevnext a:nth-of-type(2) span {
  padding-left: 30px;
  background: url(../images/icon04.png) no-repeat left center;
}
.prevnext a:nth-of-type(3) {
  text-align: right;
  border-right: none;
}
.prevnext a:nth-of-type(3) span {
  padding: 0 35px 0 0;
  background: url(../images/icon07.png) no-repeat right center;
}
.prevnext a:hover:after {
  width: 100%;
}
.prevnext a:hover span {
  color: #ffb017;
}
.prevnext a:hover:nth-of-type(1) span {
  background: url(../images/icon06.png) no-repeat left center;
}
.prevnext a:hover:nth-of-type(2) span {
  background: url(../images/icon09.png) no-repeat left center;
}
.prevnext a:hover:nth-of-type(3) span {
  background: url(../images/icon08.png) no-repeat right center;
}
.team--recommend {
  max-width: 1200px;
  padding: 40px 15px;
  margin: 0 auto;
  zoom: 1;
}
.team--recommend:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.team--recommend .cell {
  position: relative;
  float: left;
  margin: 0 2.66% 0 0;
  width: 23%;
}
.team--recommend .cell:nth-of-type(4n) {
  margin-right: 0;
}
.team--recommend .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.team--recommend .cell .img {
  position: relative;
  overflow: hidden;
  width:100%;
  padding-bottom:72.47%;
}
.team--recommend .cell .img img {
  display: block;
  width: 100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.team--recommend .cell .img .pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(../images/icon03.png) no-repeat center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-transform: translate(0, -100%);
     -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
       -o-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.team--recommend .cell .title {
  position: relative;
}
.team--recommend .cell .title:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 0;
  height: 1px;
  content: '';
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: #ffb017;
}
.team--recommend .cell .title h3 {
  text-align: center;
  line-height: 54px;
}
.team--recommend .cell .title h3 a {
  font-size: 14px;
  color: #585858;
  font-weight: normal;
}
@media screen and (max-width: 900px) {
  .team--list .cell {
    width: 48%;
    margin-right: 4%;
  }
  .team--list .cell:nth-of-type(3n) {
    margin-right: 4%;
  }
  .team--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }
  .team--detail .img {
    padding: 0 0 20px 0;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  .team--detail .img img {
    margin: 0 auto;
  }
  .prevnext a {
    display: block;
    width: 100%;
    text-align: center !important;
    border-right: 0;
    border-bottom: 1px solid #eee;
  }
    .prevnext a span {
        padding: 0 !important;
        background: none !important;
    }
    .prevnext a:nth-child(3) {
        border-bottom: none;
    }
}
@media screen and (max-width: 750px) {
  .team--recommend .cell {
    width: 48%;
    margin-right: 4%;
  }
  .team--recommend .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 550px) {
  /*.team--list .cell {
    width: 100%;
    margin-right: 0;
  }
  .team--list .cell:nth-of-type(3n) {
    margin-right: 0;
  }
  .team--list .cell:nth-of-type(2n) {
    margin-right: 0;
  }*/
}
@media screen and (max-width: 450px) {
  /*.team--recommend .cell {
    width: 100%;
    margin-right: 0;
  }
  .team--recommend .cell:nth-of-type(2n) {
    margin-right: 0;
  }*/
}
.contact-block {
  padding: 30px 0 0 0;
  text-align: center;
}
.contact-block .cell {
  display: inline-block;
  vertical-align: top;
  width: 23%;
}
.contact--map iframe {
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 900px) {
  .contact-block .cell {
    width: 48%;
    margin: 20px 0;
  }
}
.merchant--form {
  padding: 0 0 40px 0;
  margin: 0 auto;
  max-width: 1200px;
}
.merchant--form .head {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 24px;
  text-align: center;
}
.merchant--form .head .title span {
  position: relative;
  padding: 0 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 36px;
  color: #010101;
  line-height: 50px;
}
.merchant--form .head .text {
  padding: 20px 15px;
  line-height: 2;
}
.merchant--form .body {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 15px;
}
.merchant--form .body .left {
  float: left;
  width: 48%;
}
.merchant--form .body .right {
  float: right;
  width: 48%;
}
.merchant--form .body .tips {
  padding-left: 30px;
  margin: 75px 0 0 0;
  font-size: 14px;
  color: #c91e1a;
  line-height: 50px;
  background: url(../images/icon30.png) no-repeat left center;
}
.merchant--input {
  margin: 35px 0 0 0;
}
.merchant--input .label {
  padding: 0 0 10px 0;
  font-size: 14px;
  color: #151824;
  line-height: 30px;
}
.merchant--input .input {
  position: relative;
  padding: 0 15px;
  border: 1px solid #d9deea;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
}
.merchant--input .input input {
  display: block;
  padding: 10px 0;
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.merchant--input .input textarea {
  display: block;
  width: 100%;
  margin: 10px 0;
  font-size: 14px;
  line-height: 24px;
  height: 96px;
  resize: none;
}
.merchant--input .input img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 10;
}
.merchant--input .input.focus {
  -webkit-box-shadow: 0 0 7px 0 #ffe5b3;
     -moz-box-shadow: 0 0 7px 0 #ffe5b3;
          box-shadow: 0 0 7px 0 #ffe5b3;
  border: 1px solid #ffe5b3;
}
.merchant--btn {
  padding: 40px 0;
}
.merchant--btn a {
  display: block;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  background: #ffb017;
}
@media screen and (max-width: 600px) {
  .merchant--form .body .right,
  .merchant--form .body .left {
    float: none;
    width: 100%;
  }
  .merchant--form .body .tips {
    margin-top: 10px;
  }
  .merchant--btn {
    padding: 20px 0;
  }
}
.message--container {
  margin: 30px 0;
  padding: 20px 0 0;
  background: #f6f6f6;
}
.viewmessage--list {
  margin: 0 auto;
  max-width: 1200px;
  padding: 40px 15px 0 0;
  min-height: 400px;
}
.viewmessage--list ul li {
  padding: 0 0 40px 0;
}
.viewmessage--list .message,
.viewmessage--list .apply {
  zoom: 1;
}
.viewmessage--list .message:after,
.viewmessage--list .apply:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.viewmessage--list .message .avatar img,
.viewmessage--list .apply .avatar img {
  display: block;
}
.viewmessage--list .message .content,
.viewmessage--list .apply .content {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.viewmessage--list .message .avatar {
  float: left;
}
.viewmessage--list .message .content {
  position: relative;
  margin-left: 60px;
  padding: 15px 140px 15px 15px;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.viewmessage--list .message .content > .icon {
  position: absolute;
  top: 20px;
  left: -13px;
}
.viewmessage--list .message .content > .icon img {
  display: block;
}
.viewmessage--list .message .content .time {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0 0 0 20px;
  font-size: 14px;
  color: #666;
  background: url(../images/icon44.png) no-repeat left center;
}
.viewmessage--list .apply {
  padding: 40px 0 0 0;
  text-align: left;
}
.viewmessage--list .apply .avatar {
  float: left;
  margin: 0 30px 0 60px;
}
.viewmessage--list .apply .apply-content {
  position: relative;
  overflow: hidden;
  padding-left: 11px;
}
.viewmessage--list .apply .apply-content .icon {
  position: absolute;
  top: 20px;
  left: 0;
}
.viewmessage--list .apply .apply-content .icon img {
  display: block;
}
.viewmessage--list .apply .content {
  padding: 15px;
  text-align: left;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #eee;
  background: #fcfcfc;
}
.careers--search {
  padding: 30px 0 20px 0;
  text-align: center;
}
.careers--search .input {
  display: inline-block;
  vertical-align: middle;
  width: 280px;
  zoom: 1;
}
.careers--search .input:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.careers--search .input a {
  float: left;
  margin: 0 10px 0 0;
  width: 40px;
  height: 40px;
  background: url(../images/icon16.png) no-repeat center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--search .input a:hover {
  background-image: url(../images/icon17.png);
}
.careers--search .input div {
  overflow: hidden;
}
.careers--search .input div input {
  width: 100%;
  font-size: 24px;
  line-height: 40px;
  color: #333;
}
.careers--contact {
  margin: 10px 0 0 0;
  padding: 10px 0;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 0 10px 0 #f5f5f5;
     -moz-box-shadow: 0 0 10px 0 #f5f5f5;
          box-shadow: 0 0 10px 0 #f5f5f5;
}
.careers--contact > div {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 15px;
  text-align: center;
}
.careers--contact > div > div {
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
  padding-left: 36px;
  margin: 0 30px;
  font-size: 16px;
  color: #6f6f6f;
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
    .careers--contact > div {
        text-align: left;
    }
    .careers--contact > div > div {
        width: 100%;
        line-height: 44px;
        margin: 0 auto;
    }
}
.careers--contact > div .tel {
  font-size: 36px;
  color: #ffb017;
  background: url(../images/icon19.png) no-repeat left center;
}
.careers--contact > div .addr {
  background: url(../images/icon20.png) no-repeat left center;
}
.careers--contact > div .email {
  background: url(../images/icon21.png) no-repeat left center;
}
.careers--list .cell {
  position: relative;
  padding: 40px 15px;
}
.careers--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.careers--list .cell:nth-of-type(even) {
  background: #f7f8fc;
}
.careers--list .cell > div {
  max-width: 1200px;
  padding-right: 80px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/icon18.png) no-repeat 98% center;
  transition: all .3s 0s;
}
.careers--list .cell:hover > div {
    background-position: right center;
}
@media screen and (max-width: 800px) {
    .careers--list .cell > div {
        padding: 0;
        background: none;
    }
}
.careers--list .cell h3 {
    font-size: 20px;
    color: #ff7800;
    line-height: 30px;
    font-weight: normal;
}
.careers--list .cell .info {
  padding: 5px 0;
  font-size: 14px;
  color: #a9a9a9;
  line-height: 24px;
}
.careers--list .cell .content {
  font-size: 14px;
  color: #6d6d6d;
  line-height: 24px;
}
.careers--list .cell .hide {
  display: none;
}
.careers--pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  background: #000;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 10000;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #fff;
  visibility: hidden;
  opacity: 0;
  margin-top: -100px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop > div {
  margin: 0 auto;
  max-width: 1200px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90vh;
  padding: 0 15px;
}
.careers--pop .head {
  padding: 24px 0 0 0;
  min-height: 55px;
  border-bottom: 1px solid #d4d4d4;
}
.careers--pop .head .title {
  overflow: hidden;
}
.careers--pop .head .title h3 {
  font-size: 24px;
  color: #ff7800;
  line-height: 40px;
  font-weight: bold;
}
.careers--pop .head .btn {
  float: right;
}
.careers--pop .head .btn a {
  display: block;
  padding: 11px;
  background: #7c7c7c;
}
.careers--pop .head .btn a img {
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop .head .btn a:hover img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.careers--pop .body {
  padding: 0 0 40px 0;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 2;
}
.careers--pop .body .content {
  padding: 30px 0;
}
.careers--pop .body .btn {
  text-align: right;
}
.careers--pop .body .btn a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #ff7800;
  line-height: 40px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #ff7800;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.careers--pop .body .btn a:hover {
  color: #fff;
  background: #ff7800;
}
.show-careerpop {
  overflow: hidden;
}
.show-careerpop .careers--pop_mask {
  opacity: 0.5;
  visibility: visible;
}
.show-careerpop .careers--pop {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.store--filter {
  margin: 30px 0 0 0;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 0 10px 0 #f5f5f5;
     -moz-box-shadow: 0 0 10px 0 #f5f5f5;
          box-shadow: 0 0 10px 0 #f5f5f5;
}
.store--filter > div {
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 15px;
}
.store--filter > div .cell {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
}
.store--filter > div .cell a {
  display: block;
  padding: 0 24px 0 0;
  color: #666;
  font-size: 14px;
  line-height: 30px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  background: url(../images/arrow00.png) no-repeat right center;
}
.store--filter > div .cell.selected a,
.store--filter > div .cell:hover a {
  color: #ffb017;
}
.store--list .cell > div {
  margin: 0 auto;
  max-width: 1200px;
  padding: 25px 15px;
}
.store--list .cell:nth-of-type(even) {
  background: #f7f8fc;
}
.store--list .cell .citiy {
  padding: 0 0 15px 0;
  font-size: 24px;
  color: #762813;
  line-height: 34px;
}
.store--list .cell .list {
  zoom: 1;
}
.store--list .cell .list:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.store--list .cell .list .ncell {
  float: left;
  margin: 15px 0;
  width: 33.33%;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.store--list .cell .list .ncell .title {
  padding: 0 0 10px 0;
  font-size: 18px;
  color: #6a6a6a;
}
.store--list .cell .list .ncell .addr,
.store--list .cell .list .ncell .tel {
  font-size: 14px;
  line-height: 28px;
  color: #6a6a6a;
}
.store--list .cell .list .ncell .addr a,
.store--list .cell .list .ncell .tel a {
  color: #6a6a6a;
}
.store--list .cell .list .ncell .addr a:hover,
.store--list .cell .list .ncell .tel a:hover {
  color: #ffb017;
}
@media screen and (max-width: 1000px) {
  .store--list .cell .list .ncell {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .store--list .cell .list .ncell {
    width: 100%;
  }
}
.news--list {
  padding: 0 15px 30px;
  margin: 0 auto;
  max-width: 1200px;
}
.news--list .cell {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid #ebebeb;
  zoom: 1;
}
.news--list .cell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--list .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.news--list .cell:before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 10;
  content: '';
  background: #ebebeb;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell:before {
  width: 0;
  background: #ffb017;
}
.news--list .cell .img {
  width: 275px;
  float: left;
  margin: 0 35px 0 0;
  overflow: hidden;
}
.news--list .cell .img img {
  display: block;
  width: 275px;
  height:160px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell .time {
  float: right;
  margin-left: 70px;
  text-align: center;
}
.news--list .cell .time span {
  display: block;
  padding: 18px 0 0 0;
  font-size: 36px;
  color: #ffb017;
  font-weight: bold;
  line-height: 44px;
  font-family: 'Times New Roman', Times, serif;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell .time em {
  display: block;
  padding: 15px 0;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell .time strong {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell .time strong:after,
.news--list .cell .time strong:before {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 18px;
  content: '';
  background: #999;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell .time strong:before {
  left: 0;
}
.news--list .cell .time strong:after {
  right: 0;
}
.news--list .cell .text {
  padding: 20px 0 0 0;
  overflow: hidden;
}
.news--list .cell .text h3 {
  padding: 0 0 10px 0;
  line-height: 40px;
}
.news--list .cell .text h3 a {
  font-size: 20px;
  color: #585858;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--list .cell .text .content {
  height: 60px;
  overflow: hidden;
  font-size: 14px;
  color: #b3b3b3;
  line-height: 30px;
}
.news--list .cell .text span {
  display: none;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.pc .news--list .cell:hover:before {
  width: 100%;
}
.pc .news--list .cell:hover .img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.pc .news--list .cell:hover .time span {
  color: #ffb017;
}
.pc .news--list .cell:hover .time em {
  color: #ffb017;
}
.pc .news--list .cell:hover .time strong {
  color: #ffb017;
}
.pc .news--list .cell:hover .time strong:after,
.pc .news--list .cell:hover .time strong:before {
  background: #ffb017;
}
.pc .news--list .cell:hover .text h3 a {
  color: #ffb017;
}
@media screen and (max-width: 1000px) {
  .news--list .cell .time {
    display: none;
  }
  .news--list .cell .text {
    padding-top: 10px;
  }
  .news--list .cell .text span {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .news--list .cell {
    padding: 10px 0;
  }
  .news--list .cell .img {
    display: none;
  }
}
.news--head {
  padding: 40px 15px 10px;
  background: #f9f7f8;
}
.news--head > div {
  margin: 0 auto;
  max-width: 1200px;
}
.news--head > div h1 {
  padding: 0 0 10px 0;
  font-size: 24px;
  color: #734919;
  line-height: 30px;
  font-weight: normal;
}
.news--head > div .info {
  float: left;
  font-size: 12px;
  color: #999;
  line-height: 52px;
}
.news--head > div .info span {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  padding-left: 30px;
  background: url(../images/icon28.png) no-repeat left center;
}
.news--head > div .info em {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  background: url(../images/icon29.png) no-repeat left center;
}
.news--head > div .prev-next {
  float: right;
}
.news--head > div .prev-next a {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  line-height: 50px;
  height: 50px;
  border: 1px solid #ebebeb;
  margin: 0 5px;
  text-align: center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--head > div .prev-next a:nth-last-of-type(4) {
  width: 130px;
}
.news--head > div .prev-next a:nth-last-of-type(4) span {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  font-size: 14px;
  color: #999;
  background: url(../images/icon34.png) no-repeat left center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--head > div .prev-next a:nth-last-of-type(3) {
  background: url(../images/icon24.png) no-repeat center;
}
.news--head > div .prev-next a:nth-last-of-type(2) {
  background: url(../images/icon31.png) no-repeat center;
}
.news--head > div .prev-next a:nth-last-of-type(1) {
  background: url(../images/icon26.png) no-repeat center;
}
.news--head > div .prev-next a:hover {
  border-color: #f9bf15;
}
.news--head > div .prev-next a:hover:nth-last-of-type(4) {
  background: #f9bf15;
}
.news--head > div .prev-next a:hover:nth-last-of-type(4) span {
  color: #fff;
  background: url(../images/icon35.png) no-repeat left center;
}
.news--head > div .prev-next a:hover:nth-last-of-type(3) {
  background: #f9bf15 url(../images/icon25.png) no-repeat center;
}
.news--head > div .prev-next a:hover:nth-last-of-type(2) {
  background: #f9bf15 url(../images/icon32.png) no-repeat center;
}
.news--head > div .prev-next a:hover:nth-last-of-type(1) {
  background: #f9bf15 url(../images/icon27.png) no-repeat center;
}
.news--content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 30px 15px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
  min-height: 300px;
  zoom: 1;
}
.news--content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--content .content {
  overflow: hidden;
}
.news--content .content img {
  height: auto !important;
}
.news--content .share {
  float: right;
  margin-left: 30px;
}
.news--content .share .close {
  padding: 0 0 20px 0;
}
.news--content .share .close a {
  display: block;
  width: 62px;
  height: 62px;
  background: url(../images/icon22.png) no-repeat center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--content .share .close a:hover {
  background: url(../images/icon23.png) no-repeat center;
}
.news--content .share #bdfx1 a {
  padding: 0;
  margin: 8px auto;
  width: 33px;
  height: 33px;
  float: none;
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--content .share #bdfx1 a.bds_weixin {
  background: url(../images/fx00.png) no-repeat center;
}
.news--content .share #bdfx1 a.bds_tsina {
  background: url(../images/fx01.png) no-repeat center;
}
.news--content .share #bdfx1 a.bds_qzone {
  background: url(../images/fx02.png) no-repeat center;
}
.news--content .share #bdfx1 a.bds_douban {
  background: url(../images/fx03.png) no-repeat center;
}
.news--content .share #bdfx1 a.bds_tqq {
  background: url(../images/fx04.png) no-repeat center;
}
.news--recommend {
  padding: 0 0 30px 0;
}
.news--recommend .head {
  padding: 30px 0;
  text-align: center;
}
.news--recommend .head span {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  vertical-align: middle;
  line-height: 40px;
  font-size: 24px;
  color: #555;
}
.news--recommend .head span:after,
.news--recommend .head span:before {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 46px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.news--recommend .head span:before {
  left: 0;
}
.news--recommend .head span:after {
  right: 0;
}
.news--recommend .body {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 15px;
  zoom: 1;
}
.news--recommend .body:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--recommend .body .cell {
  width: 48%;
  float: left;
  line-height: 58px;
  zoom: 1;
}
.news--recommend .body .cell:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news--recommend .body .cell:nth-of-type(2n) {
  float: right;
}
.news--recommend .body .cell h3 {
  padding-left: 20px;
  background: url(../images/index06.png) no-repeat left center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--recommend .body .cell h3 a {
  font-size: 14px;
  color: #585858;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.news--recommend .body .cell h3:hover {
  background: url(../images/index07.png) no-repeat left center;
}
.news--recommend .body .cell h3:hover a {
  color: #ffb017;
}
.news--recommend .body .cell span {
  float: right;
  margin-left: 20px;
  font-size: 14px;
  color: #d1d1d1;
}
.news--recommend .body .cell span em {
  color: #939393;
}
@media screen and (max-width: 1200px) {
  .news--content .share {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .news--head > div .info {
    float: none;
  }
  .news--head > div .prev-next {
    padding: 0 0 10px 0;
    float: none;
    text-align: center;
  }
  .news--recommend .body .cell {
    width: 100%;
    margin: 0;
    line-height: 44px;
  }
}
@media screen and (max-width: 420px) {
  .news--head > div .prev-next a:nth-last-of-type(4) {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
  }
}
.honor--head {
  padding: 40px 0;
  text-align: center;
}
.honor--head span {
  position: relative;
  padding: 0 190px;
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  color: #ffb017;
  line-height: 50px;
}
.honor--head span:before,
.honor--head span:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 165px;
  content: '';
  background: #e0e0e0;
}
.honor--head span:before {
  left: 0;
}
.honor--head span:after {
  right: 0;
}
.honor--container {
  position: relative;
  margin: -40px auto 60px;
  max-width: 1200px;
  padding: 40px 15px 0;
}
.honor--container .btn a {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 51px;
  height: 51px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

.honor--container .btn a:hover {
  opacity: 0.7;
}
.honor--container .btn .prev {
  left: -100px;
  background: url(../images/icon36.png) no-repeat center;
}
.honor--container .btn .next {
  right: -100px;
  background: url(../images/icon37.png) no-repeat center;
}

@media screen and (max-width: 1200px) {
    .honor--container .btn .prev {
        left: 0px;
        background: url(../images/icon36.png) no-repeat center;
        z-index:999;
    }

    .honor--container .btn .next {
        right: 0px;
        background: url(../images/icon37.png) no-repeat center;
        z-index: 999;
    }
}

}
.honor--container .honor--list .item {
  position: relative;
}
.honor--container .honor--list .item > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.honor--container .honor--list .item .img {
  position: relative;
  overflow: hidden;
  padding: 3.8% 3.8% 73.88%;
}
.honor--container .honor--list .item .img img {
  display: block;
  width: 96%;
  height:96%;
  left:2%;
  top:2%;
  position:absolute;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.honor--container .honor--list .item .img .pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(../images/honor00.png) no-repeat center / 100% 100%;
}
.honor--container .honor--list .item .title h3 {
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 16px;
  color: #6a6a6a;
  line-height: 30px;
  font-weight: normal;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.honor--container .honor--list .item:hover .img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.honor--container .honor--list .item:hover .title h3 {
  color: #ffb017;
}
.cert--container {
  position: relative;
  margin: 0 auto 60px;
  max-width: 1200px;
  padding: 0 15px;
}
.cert--container .btn a {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 51px;
  height: 51px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.cert--container .btn a:hover {
  opacity: 0.7;
}
.cert--container .btn .prev {
  left: -100px;
  background: url(../images/icon36.png) no-repeat center;
}
.cert--container .btn .next {
  right: -100px;
  background: url(../images/icon37.png) no-repeat center;
}
.cert--container .cert--list .item {
  position: relative;
}
.cert--container .cert--list .item > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.cert--container .cert--list .item .img {
  position: relative;
  overflow: hidden;
  padding: 5.2% 5% 119.15%;
}
.cert--container .cert--list .item .img img {
  display: block;
  width: 90%;
  height:90%;
  left:5%;
  top:5%;
  position:absolute;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.cert--container .cert--list .item .img .pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(../images/honor01.png) no-repeat center / 100% 100%;
}
.cert--container .cert--list .item .title h3 {
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 16px;
  color: #6a6a6a;
  line-height: 30px;
  font-weight: normal;
}
.cert--container .cert--list .item:hover .img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.honor--pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  background: #000;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.honor--pop_mask a {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}
.honor--pop_mask a img {
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.honor--pop_mask a:hover img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.honor--pop {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10000;
  width: 100%;
  max-width: 830px;
  padding: 0 75px;
  margin-top: -100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.honor--pop .btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 0;
  z-index: 10;
  width: 75px;
  background: #fff;
}
.honor--pop .btn a {
  position: relative;
  display: block;
  height: 75px;
  line-height: 75px;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.honor--pop .btn a:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 32px;
  height: 1px;
  content: '';
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: #cfcfcf;
}
.honor--pop .btn a:last-child:after {
  display: none;
}
.honor--pop .btn .prev {
  background: url(../images/icon42.png) no-repeat center;
}
.honor--pop .btn .prev:hover {
  background: url(../images/icon39.png) no-repeat center;
}
.honor--pop .btn .next {
  background: url(../images/icon40.png) no-repeat center;
}
.honor--pop .btn .next:hover {
  background: url(../images/icon41.png) no-repeat center;
}
.honor--pop .content {
  width: 100%;
  overflow-y: auto;
  max-height: 94vh;
}
.honor--pop .content img {
  display: block;
  width: 100%;
}
.showhonor {
  overflow: hidden;
}
.showhonor .honor--pop_mask {
  visibility: visible;
  opacity: 0.8;
}
.showhonor .honor--pop {
  visibility: visible;
  margin: 0;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .honor--pop {
    padding: 0 15px;
  }
  .honor--pop .btn {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .honor--head span {
    padding: 0 50px;
  }
  .honor--head span:after,
  .honor--head span:before {
    width: 40px;
  }
}
.product--image {
  margin: 0 auto;
  max-width: 1200px;
  padding: 60px 15px 20px;
  zoom: 1;
}
.product--image:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.product--image .share {
  float: right;
  margin-left: 30px;
}
.product--image .share .close {
  padding: 0 0 20px 0;
}
.product--image .share .close a {
  display: block;
  width: 62px;
  height: 62px;
  background: url(../images/icon22.png) no-repeat center;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--image .share .close a:hover {
  background: url(../images/icon23.png) no-repeat center;
}
.product--image .share #bdfx1 a {
  padding: 0;
  margin: 8px auto;
  width: 33px;
  height: 33px;
  float: none;
  display: block;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--image .share #bdfx1 a.bds_weixin {
  background: url(../images/fx00.png) no-repeat center;
}
.product--image .share #bdfx1 a.bds_tsina {
  background: url(../images/fx01.png) no-repeat center;
}
.product--image .share #bdfx1 a.bds_qzone {
  background: url(../images/fx02.png) no-repeat center;
}
.product--image .share #bdfx1 a.bds_douban {
  background: url(../images/fx03.png) no-repeat center;
}
.product--image .share #bdfx1 a.bds_tqq {
  background: url(../images/fx04.png) no-repeat center;
}
.product--image .image {
  position: relative;
  overflow: hidden;
}
.product--image .image .thumb {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 100%;
}
.product--image .image .thumb > div {
  height: 100%;
}
.product--image .image .thumb .swiper-slide{
    height:20%;
}
.product--image .image .thumb .swiper-slide div{
    width:100%;
    padding-bottom:75%;
    position:relative;
    overflow:hidden;
}
.product--image .image .thumb img {
    display: block;
    width: 100%;
    margin: 21px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s 0s;
    -o-transition: all 0.3s 0s;
    -moz-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
    cursor: pointer;
}

.product--image .image .thumb img:hover,
.product--image .image .thumb img.selected {
    border: 1px solid #ffb72c;
}

.product--image .image .thumb img:nth-of-type(1) {
    margin-top: 0;
}
.product--image .image .big {
  position: relative;
  margin-right: 190px;
}
.product--image .image .big img {
  display: block;
  width: 100%;
}
.product--image .image .big .cbigkk{
    width:100%;
    padding-bottom:75%;
    position:relative;
    overflow:hidden;
}
.product--image .image .big .cbigkk img{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    left:0;
    top:0;
}
.product--image .image .big .price {
  position: absolute;
  bottom: 10px;
  right: 30px;
  font-size: 36px;
  color: #ffb017;
  line-height: 50px;
}
.product--image .image .big .price span {
  font-size: 18px;
}
.product--recommend {
  padding: 0 15px 20px 15px;
}
.product--recommend .head {
  padding: 30px 0;
  text-align: center;
}
.product--recommend .head span {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  vertical-align: middle;
  line-height: 40px;
  font-size: 24px;
  color: #555;
}
.product--recommend .head span:after,
.product--recommend .head span:before {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 46px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.product--recommend .head span:before {
  left: 0;
}
.product--recommend .head span:after {
  right: 0;
}
.product--recommend .body {
  margin: 0 auto;
  max-width: 1200px;
  zoom: 1;
}
.product--recommend .body:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.product--recommend .body .cell {
  position: relative;
  float: left;
  width: 25%;
}
.product--recommend .body .cell > a {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}
.product--recommend .body .cell .img {
  position: relative;
  display: block;
  overflow: hidden;
  width:100%;
  padding-bottom:75%;
}
.product--recommend .body .cell .img .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
  -webkit-transform: translate(0, 100%);
     -moz-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
       -o-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.product--recommend .body .cell .img > img {
  display: block;
  width: 100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--recommend .body .cell .title {
  position: relative;
}
.product--recommend .body .cell .title:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 1px;
  width: 0;
  content: '';
  background: #ffb017;
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.product--recommend .body .cell .title h3 a {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 64px;
  text-align: center;
  font-weight: normal;
}
.product--content {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1200px;
}
.product--content .head {
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.product--content .head span {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  vertical-align: middle;
  line-height: 40px;
  font-size: 24px;
  color: #555;
}
.product--content .head span:after,
.product--content .head span:before {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 46px;
  margin-top: -1px;
  content: '';
  background: #ffb017;
}
.product--content .head span:before {
  left: 0;
}
.product--content .head span:after {
  right: 0;
}
.product--content .body {
  padding: 40px 0;
  min-height: 50px;
  margin: 0 auto;
  max-width: 1200px;
  font-size: 14px;
  color: #666;
  line-height: 2;
}
.pc .product--recommend .body .cell:hover .img .desc {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.pc .product--recommend .body .cell:hover .img > img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.pc .product--recommend .body .cell:hover .title:after {
  width: 100%;
}
.product--info {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1200px;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .product--image .share {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .product--recommend .body .cell {
    width: 48%;
    margin-right: 4%;
  }
  .product--recommend .body .cell:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .product--image .image .big {
    margin-right: 0;
  }
  .product--image .image .thumb {
    position: static;
    margin: 10px 0 0 0;
    width: 100%;
    white-space: nowrap;
  }
  .product--image .image .thumb img {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin: 0 10px 0 0;
  }
  .product--image .image .thumb img:nth-last-of-type(1) {
    margin-right: 0;
  }
}
@media screen and (max-width: 450px) {
  /*.product--recommend .body .cell {
    width: 100%;
    margin-right: 0%;
  }
  .product--recommend .body .cell:nth-of-type(2n) {
    margin-right: 0;
  }*/
}
#activity_swiper {
  height: 100vh;
}
.page--container {
  height: 100vh;
}
.page--container.autoheight {
  height: auto;
}
.page--container .first {
  display: table;
  height: 100%;
  width: 100%;
  background: #f5edf8;
}
.page--container .first > div {
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.page--container .first > div > div {
  margin: 0 auto;
  max-width: 1200px;
}
.page--container .first > div > a {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
     -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  -moz-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
.page--container .first > div > a img {
  display: block;
}
.page--container .first > div > a:hover {
  opacity: 0.7;
}
.page--container .product {
  display: table;
  height: 100%;
  width: 100%;
}
.page--container .product > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.page--container .product > div > div {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  zoom: 1;
}
.page--container .product > div > div:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.page--container .product .img img {
  display: block;
  width: 100%;
}
.page--container .product .text {
  padding: 120px 0 0 0;
  overflow: hidden;
  max-width: 430px;
  margin: 0 auto;
}
.page--container .product .text .subtitle {
  padding: 0 0 10px 0;
  text-align: center;
  font-size: 36px;
  color: #ffb017;
  line-height: 50px;
  font-weight: normal;
  border-bottom: 1px solid #ffb017;
}
.page--container .product .text .title {
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 24px;
  color: #313131;
  line-height: 40px;
  font-weight: normal;
}
.page--container .product .text .price1 {
  padding: 20px 0 0 0;
  text-align: center;
  font-size: 36px;
  color: #ffb017;
  line-height: 50px;
}
.page--container .product .text .price1 span {
  font-size: 18px;
}
.page--container .product .text .price2 {
  padding: 0 0 20px 0;
  font-size: 16px;
  color: #ffb017;
  line-height: 24px;
  text-align: center;
  text-decoration: line-through;
}
.page--container .product .text .content {
  height: 60px;
  overflow: hidden;
  font-size: 14px;
  color: #6a6a6a;
  line-height: 30px;
}
.page--container .product .text .btn a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  padding: 0 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  background: #ffb017;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}
@media screen and (max-width: 400px) {
    .page--container .product .text .btn a {
        padding: 0 20px;
        margin: 0 10px;
    }
}
.page--container .product .img{
    width:600px;
}
.page--container .product .img a{
    width: 100%;
    padding-bottom:100%;
    display:block;
    overflow:hidden;
    position:relative;
}
.page--container .product .img a img{
    width: 100%;
    height:100%;
    display:block;
    left:0;
    top:0;
    position: absolute;
}
.page--container .product.even {
  background: url(../images/activity04.jpg) no-repeat center / 100% 100%;
}
.page--container .product.even .img {
  float: right;
}
.page--container .product.odd {
  background: url(../images/activity05.jpg) no-repeat center / 100% 100%;
}
.page--container .product.odd .img {
  float: left;
}
.page--container .about {
  display: table;
  width: 100%;
  height: 100%;
  background: #fffdee;
}
.page--container .about > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.page--container .about > div > div {
  padding: 30px 15px;
  margin: 0 auto;
  max-width: 1200px;
  text-align: left;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}
.page--container .about .right-img {
  float: right;
  margin-left: 30px;
}
@media screen and (max-width: 1100px) {
  .page--container .product .img {
    width: 400px;
  }
  .page--container .product .text {
    padding-top: 30px;
  }
}
@media screen and (max-width: 800px) {
  .page--container .product .img {
    float: none !important;
    margin: 0 auto;
    width: 200px;
  }
  .page--container .product .text {
    padding: 15px 0 0 0;
  }
  .page--container .product .text .subtitle {
    font-size: 20px;
    line-height: 30px;
  }
  .page--container .product .text .title {
    font-size: 18px;
    line-height: 22px;
  }
  .page--container .product .text .price1 {
    padding: 10px 0 0 0;
    font-size: 24px;
    line-height: 40px;
  }
  .page--container .product .text .price2 {
    padding: 0 0 10px 0;
    font-size: 16px;
    line-height: 30px;
  }
  .page--container .about .right-img {
    float: none;
    margin: 0;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .page--container .first > div > a {
    width: 80px;
  }
}
@media screen and (max-width: 550px) {
  .page--container .first > div > a {
    width: 40px;
  }
}
.pager {
  padding: 30px 0 50px 0;
  text-align: center;
  font-size: 0;
}
.pager a,
.pager span {
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
  text-align: center;
  min-width: 15px;
  padding: 0 15px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  -webkit-transition: all .3s 0s;
  -o-transition: all .3s 0s;
  -moz-transition: all .3s 0s;
  transition: all .3s 0s;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  border: 1px solid #e4e3e1;
}
.pager a:hover,
.pager span:hover {
  color: #fff;
  background: #fab42e;
  border-color: #fab42e;
}
.pager span {
  color: #fff;
  background: #fab42e;
  border-color: #fab42e;
}